<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 String//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
<html xmlns="http://w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title><?php echo html::specialchars($title) ?></title>
<?php echo html :: stylesheet(array ('media/css/site'), array('screen'));?>
<script 
	src="http://maps.google.com/jsapi?ie=utf-8&amp;oe=utf-8&amp;key=ABQIAAAAnfs7bKE82qgb3Zc2YyS-oBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSySz_REpPq-4WZA27OwgbtyR3VcA"
  type="text/javascript">
</script>

<script type="text/javascript">
	google.load("maps", "2.x", {"language" : "en"});
	var map;

	function initialize()
	{
	  if (GBrowserIsCompatible())
	  {
	    map = new GMap2(document.getElementById("map"));
	    
	    map.addMapType(G_PHYSICAL_MAP);
	    
	    map.addControl(new google.maps.LargeMapControl());
	    map.addControl(new GScaleControl());
	    map.addControl(new google.maps.MapTypeControl());
	    
	    map.enableScrollWheelZoom();
	    
	    map.setCenter(new google.maps.LatLng(35.913679, -79.055927), 13, G_NORMAL_MAP);
	    
	  }
	}
	  
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
	<h1>Wireless Planning Tool</h1>
	
	<ul>
		<?php foreach ($links as $link => $url) : ?>
		<li><?php echo html::anchor($url, $link) ?></li>
		<?php endforeach ?>
	</ul>
	
	<p>You can use your scroll wheel to zoom in and out of the map.</p>

<table>
	<tr>
		<td><div id="map" style="width: 600px; height: 400px"></div></td>
		<td valign="top">
		<h3>Features</h3><br>
		<form name="formOption">
		<input type="radio" class="radio" name="object" value="elev">Get Elevation Info</input><br>
		<input type="radio" class="radio" name="object" value="icon">Place Icon</input>
		</form>
		</td>
</table>
</body>
</html>